﻿@{
    ViewBag.Title = "Fixtech.vn";
}
@using ORM.Common.Helpers
@using ORM.Helpers
@model ORM.ViewModels.Home.HomePageViewModel
<table width="100%">
    <colgroup>
        <col span="1" style="width: 72%;" />
        <col span="1" style="width: 28%;" />
    </colgroup>
    <tr>
        <td style="padding: 0px; padding-right: 5px; vertical-align: top">
            <div id="sliderFrame">
                <div id="slider">
                    <a href="/Guide/Index" target="_blank">
                        <img src="/Content/Images/ALittleRepair.jpg" alt="#cap1" />
                    </a>
                    <a href="/Question/Index" target="_blank">
                        <img src="/Content/Images/question1.jpg" alt="#cap2" />
                    </a>
@*                    <img src="/Content/Images/image-slider-2.jpg" alt="Lorem ipsum dolor sit amet" />
                    <img src="/Content/Images/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." />
                    <img src="/Content/Images/image-slider-4.jpg" alt="#cap2" />
                    <img src="/Content/Images/image-slider-5.jpg" alt="Excepteur sint occaecat cupidatat" />*@
                </div>
                <div style="display: none;">
                    <div id="cap1">
                        Click ngay để xem những bài hướng dẫn mới nhất!
                    </div>
                    <div id="cap2" style="color: black">
                        Đến với phần Hỏi Đáp để cùng chia sẻ kinh nghiệm!
                    </div>
                </div>
            </div>
            <br/>
            <table class="contentBox" width="100%">
                <colgroup>
                    <col span="1" style="width: 27%;" />
                    <col span="1" style="width: 63%;" />
                </colgroup>
                <tr>
                    <th class="boxTitle">
                        <img src="/Content/Images/set_9_a.gif"/> Bài Hướng Dẫn Mới
                    </th>
                    <th class="boxTitle">
                    </th>
                </tr>
                <tr>
                    <td>
                        <img src="/Content/Images/tech-dr-1-200.gif" width="160px" height="160px" />
                    </td>
                    <td>
                        @foreach (var guide in Model.TopNewGuides)
                        {
                            <table>
                                <tr>
                                    <td style="padding: 0px">
                                        <img src="/Content/Images/label_new_red.ico" width="22px" height="22px" />
                                    </td>
                                    <td style="padding: 0px">
                                        <a class="suggestLink" href="/Guide/Details/@guide.Id" title="@guide.Title">@StringHelper.Truncate(guide.Title, 60)</a>
                                    </td>
                                </tr>
                            </table>
                        }
                        <div style="text-align: right; font-size: 13px">
                            <a class="titleLink" href="/Guide/Index">Xem Tất cả >></a></div>
                    </td>
                </tr>
            </table>
            <br />
            <table class="contentBox" width="100%">
                <colgroup>
                    <col span="1" style="width: 27%;" />
                    <col span="1" style="width: 63%;" />
                </colgroup>
                <tr>
                    <th class="boxTitle">
                        <img src="/Content/Images/set_9_a.gif"/> Câu Hỏi Mới
                    </th>
                    <th class="boxTitle">
                    </th>
                </tr>
                <tr>
                    <td>
                        <img src="/Content/Images/qa.jpg" width="160px" height="160px" />
                    </td>
                    <td>
                        @foreach (var question in Model.TopNewQuestions)
                        {
                            <table>
                                <tr>
                                    <td style="padding: 0px">
                                        <img src="/Content/Images/questions.ico" width="22px" height="22px" />
                                    </td>
                                    <td style="padding: 0px">
                                        <a class="suggestLink" href="/Question/Details/@question.Id" title="@question.Title">@StringHelper.Truncate(question.Title, 60)</a>
                                    </td>
                                </tr>
                            </table>
                        }
                        <div style="text-align: right; font-size: 13px">
                            <a class="titleLink" href="/Question/Index">Xem Tất cả >></a></div>
                    </td>
                </tr>
            </table>
        </td>
        <td style="padding: 0px; vertical-align: top">
            <table class="contentBox" width="100%">
                <tr>
                    <th class="boxTitle">
                        <img src="/Content/Images/set_9_a.gif"/> Đóng Góp Nhiều Nhất
                    </th>
                </tr>
                <tr>
                    <td>
                        @foreach (var user in Model.TopUsers)
                        {
                            <table width="100%" style="padding: 0px; font-size: 13px; border-bottom: solid 1px gainsboro">
                                <tr>
                                    <td style="vertical-align: middle; padding: 0px">
                                        <table style="padding: 0px">
                                            <tr>
                                                <td style="padding: 0px; padding-right: 2px">
                                                    <a href="/Account/Details/@user.Id">
                                                        <img src="@Url.UserAvatar(user, ORM.Models.ImageType.Big)" alt="Ảnh đại diện" class="big-imgavatar" height="30px" width="30px" style="padding-top: 3px" /></a>
                                                </td>
                                                <td style="padding: 0px">
                                                    <a class="titleLink" href="/Account/Details/@user.Id">@user.Username</a>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="text-align: right; vertical-align: middle">@user.Ponit điểm
                                    </td>
                                </tr>
                            </table>
                        }
                    </td>
                </tr>
            </table>
            <br />
            <div class="fb-like-box" data-href="http://www.facebook.com/Fixtech.vn" data-width="263"
                data-show-faces="true" data-stream="false" data-header="true">
            </div>
        </td>
    </tr>
</table>
<div id="fb-root">
</div>
<script>    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    } (document, 'script', 'facebook-jssdk'));</script>
